Ext.onReady(function(){
    var store = Ext.create('Ext.data.TreeStore', {
        proxy: {
            type: 'ajax',
            url: 'tree-data.json'
        }
    });
    var treePanel = Ext.create('Ext.tree.Panel', {
        id: 'tree-panel',
        region: 'center',
        split: true,
        height: 360,
        minSize: 150,
        rootVisible: false,
        autoScroll: true,
        store: store
    });
    var northPanel = Ext.create('Ext.panel.Panel', {
        title: '平台',
        border: false,
        collapsible: false,
        split: false,
        region: 'north'
    });
    var southPanel = Ext.create('Ext.panel.Panel', {
        title: '公司描述',
        region: 'south',
        height: 50
    });
    var westPanel = Ext.create('Ext.panel.Panel', {
        title: '导航菜单',
        region: 'west',
        collapsible: true,
        split: true,
        width: 200
    });
    var centerPanel = Ext.create('Ext.panel.Panel', {
        title: '内容显示',
        collapsible: false,
        region: 'center'
    });
    Ext.create('Ext.container.Viewport', {
        title: 'Border Layout',
        layout: 'border',
        items: [northPanel, southPanel, westPanel, centerPanel],
        renderTo: Ext.getBody()
    });
});
